<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>商品页</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        #top{
            margin: auto;
            background-image: url("../images/sofa.png");
            width: 100%;
            background-repeat: no-repeat;
            height: 400px;
            position: relative;
        }
        #t_top{
            width: 100%;
            height: 60px;
            color: grey;
            font-size: 12px;
            position: absolute;
            top: 0px;
            border-bottom: 2px solid white;
        }
        #t_left{
            float: left;
            margin: 20px 80px;
        }
        .t_right{
            float: right;
            line-height: 60px;
            padding: 0px 33px;
        }
        .good{
            float: left;
        }
        #bottom{
            width: 100%;
            float: left;
            height: 280px;
            text-align: center;
        }
        .good:hover{
            border: 1px solid red;
        }
    </style>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script>
        window.onload=function (ev) {
            $("#dropdownMenu1").hover(
                function(){
                    $("#dropDownCur").show();
                });//为了鼠标可以进入下拉框
            $("#dropDownCur").hover(function() {
                $(this).show();//鼠标进入下拉框
            }, function() {
                $(this).hide();//鼠标离开下拉框后，就会消失
            });
        }
    </script>
</head>
<body>
    <div id="top">
        <div id="t_top">
            <div id="t_left"><a href="#"><img src="../images/youjiaw.png" height="50" width="90"/></a></div>
            <div id="t_right3" class="t_right">联系我们：<b style="color: red">13815559400</b></div>
            <div id="t_right5" class="t_right"><a href="regist.jsp" style="text-decoration: none;color: grey">注册</a></div>
            <div id="t_right4" class="t_right"><a href="login.jsp" style="text-decoration: none;color: grey">登录</a></div>
            <div id="t_right2" class="t_right">
                <li class="dropdown" style="list-style: none">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" style="text-decoration: none;color: grey">家居产品</a>
                    <ul class="dropdown-menu" style="background-color: white;" id="dropDownCur">
                        <li><a href="#">卧室家具</a></li>
                        <li><a href="#">厨房家具</a></li>
                        <li><a href="#">客厅家具</a></li>
                        <li><a href="#">卫生间家具</a></li>
                    </ul>
                </li>
            </div>
            <div id="t_right1" class="t_right"><a href="main.jsp" style="text-decoration: none;color: grey">首页</a></div>
        </div>
    </div>
    <div id="center">
        <div id="c_left" style="width: 20%;height:700px;float: left;">
            <div id="cl_top" style="font-size: 25px;padding: 50px 50px 30px 50px ">商品分类</div>
            <div id="tl_center" style="width: 130px;margin: 0px 0px 0px 80px;border-top: 1px solid gainsboro;border-bottom:1px solid gainsboro">
                <a href="#" class="list-group-item" style="border: none">卧室家具</a>
                <a href="#" class="list-group-item" style="border: none">厨房家具</a>
                <a href="#" class="list-group-item" style="border: none">客厅家具</a>
                <a href="#" class="list-group-item" style="border: none">卫生间家居</a>
            </div>
        </div>
        <div id="c_right" style="float: left;width: 1150px;height:800px;margin:50px 0px;text-align: center;margin: 5px 10px;margin-top: 50px;">
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div class="good" style="background-color:#f7f7f7;width: 250px;height: 300px;margin: 15px 15px;text-decoration: none">
                <a href="singleGood.jsp" style="text-decoration: none">
                    <div style="margin: 5px auto"><img src="../images/d546a22266aa2f15.jpg" height="220" width="220"/></div>
                    <div style="margin: 3px auto;color: red;font-size: 18px"><b>￥2000</b></div>
                    <div style="margin: 3px auto"><em>摘星辰狂拽酷炫吊炸天吊灯</em></div>
                </a>
            </div>
            <div id="page" >
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#" >1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
            </div>
        <div id="bottom" style="background-color: #d9d9d9;margin-top: 100px">
            <div class="jia_foot_info" style="margin-top: 50px">
                <div class="jia_foot_con">
                    <p class="jia_foot_link">
                        <a href="//www.jia.com/help/0001.html" rel="nofollow" target="_blank">关于我们</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/0029.html" target="_blank" rel="nofollow">联系我们</a><span class="jia_split">|</span>
                        <a href="//news.jia.com/" target="_blank" rel="nofollow">媒体报道</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/0032.html" target="_blank" rel="nofollow">法律声明</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/0002.html" target="_blank" rel="nofollow">企业文化</a><span class="jia_split">|</span>
                        <a href="http://www.qeeka.com" target="_blank" rel="nofollow">投资者关系</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/page/zhaoshang/zhuangxiu.html" target="_blank" rel="nofollow">入驻装修平台</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/zhaoshang/" tjjj="sjrz.2" target="_blank" rel="nofollow">零售合作</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/page/hhrzs/index.html" tjjj="jmqjds" target="_blank" rel="nofollow">加盟齐家典尚</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/0055.html" target="_blank" rel="nofollow">诚聘英才</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/0033.html" target="_blank">网站地图</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/" tjjj="bottom.link.help">帮助中心</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/help/yyzz.html" tjjj="bottom.link.help">营业执照</a><span class="jia_split">|</span>
                        <a href="javascript:;" class="jia_foot_open">更多<i></i></a>
                    </p>
                    <p class="jia_foot_link footnone">
                        <a href="//www.jia.com/zx/" target="_blank" tjjj="footer.bottom.1">找装修公司</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/wangpu/c/citylist/" target="_blank" tjjj="footer.bottom.2">买建材家居</a><span class="jia_split">|</span>
                        <a href="//tg.jia.com/" target="_blank" tjjj="footer.bottom.3">齐家团购</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/baike/" target="_blank" tjjj="footer.bottom.4">家居百科</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/company/" target="_blank" tjjj="footer.bottom.5">装修公司库</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/product/" target="_blank" tjjj="footer.bottom.7">产品信息库</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/wenda/" target="_blank" tjjj="footer.bottom.9">装修知识</a><span class="jia_split">|</span>
                        <a href="//tuku.jia.com/jiaju/" tjjj="2014.foot.jiajupic">家居效果图</a><span class="jia_split">|</span>
                        <a href="http://m.jia.com/" tjjj="2014.foot.wap">齐家手机站</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/wangpu/" tjjj="2014.foot.wangpu">店铺大全</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/pinpai/" target="_blank" tjjj="footer.bottom.8">品牌库</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/zxq/" target="_blank" tjjj="footer.bottom.12">找小区</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/jcjm/" target="_blank" tjjj="footer.bottom.10">建材加盟</a><span class="jia_split">|</span>
                        <a href="//zixun.jia.com/xgt/" target="_blank" tjjj="footer.bottom.11">装修效果图</a><span class="jia_split">|</span>
                        <a href="//www.jia.com/hunqing/" target="_blank" tjjj="footer.bottom.12">婚庆</a>
                    </p>
                </div>
                <p>
                    优家网 版权所有Copyright  2005-2019 www.jia.com All rights reserved
                </p>
                <p>
                    中国互联网协会信用评价中心网信认证 网信编码:1664391091 举报电话：021-69108618
                </p>
                <p>
                    <a href="//oneimg1.jia.com/content/public/resource/image/tg_home/yiye.gif">
                        <img src="//oneimg1.jia.com/content/public/resource/image/tg_home/gov-inco.jpg" border="0" width="40" height="44">
                    </a>
                    <a href="//www.jia.com/315/" target="_blank" style="margin-left:15px;">
                        <img src="//fastued3.jia.com/image/common/315.gif" border="0">
                    </a>
                </p>
            </div>

        </div>
    </div>
</body>
</html>